<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telphone=no, email=no"/>
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/css.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/global.js" ></script>
		<script type="text/javascript" src="js/friendBargainDetail.js" ></script>
	</head>
	<body class="BargainDetail">
		<div class="main-container">
			<div class="pro-info clearfix">
				<div class="pro-info-img relative">
					<img src="img/pro2.png" />
					<div class="clearfix timeout-main">
						<h2 class="fl ">距结束仅剩</h2>
						<div class="fr">
							<span class="time" id="day">01</span>
							<i>：</i>
							<span class="time" id="hour">05</span>
							<i>：</i>
							<span class="time" id="minute">12</span>
							<i>：</i>
							<span class="time" id="seconds">30</span>
						</div>
					</div>
				</div>
				<div class="pro-info-msg clearfix">
					<h1 class="fl">iPhone6s</h1>
					<span class="fr colorff8a00">￥6000</span>
				</div>
			</div>
			<div class="help-bargain clearfix">
				<div class="help-bargain-main clearfix">
					<div class="user-img fl">
						<img src="img/touxiang.png" />
					</div>
					<div class="help-bargain-msg">
						<p class="colorff8a00">帮TA砍价</p>
						<p>已有23好友成功砍价200元，还可砍价100元</p>
					</div>
				</div>
				<a href="javascript:;" class="btn btn-primary btn-radius btn-shadow" id="cutDown" model="infoDialog">帮TA砍价</a>
				<a href="javascript:;" class="btn btn-disabled btn-radius btn-shadow">活动已结束</a>
			</div>
			<div class="circle-main clearfix">
				<p class="circle-main-tag">
					<i class="circle-main-tag-title">好友砍价</i>
				</p>
				<ul class="friend-bargain-list">
					<li class="clearfix">
						<div class="friend-img fl">
							<img src="img/friend.png" />
						</div>
						<span class="fl colora66400">
							陈明明成功砍价3元。
						</span>
						<span class="fr">
							2016-05-23   15:35:52
						<span>
					</li>
					<li class="clearfix">
						<div class="friend-img fl">
							<img src="img/friend.png" />
						</div>
						<span class="fl colora66400">
							陈明明成功砍价3元。
						</span>
						<span class="fr">
							2016-05-23   15:35:52
						<span>
					</li>
					<li class="clearfix">
						<div class="friend-img fl">
							<img src="img/friend.png" />
						</div>
						<span class="fl colora66400">
							陈明明成功砍价3元。
						</span>
						<span class="fr">
							2016-05-23   15:35:52
						<span>
					</li>
				</ul>
				<p class="ta-center">查看更多</p>
			</div>
			<div class="circle-main clearfix">
				<p class="circle-main-tag">
					<i class="circle-main-tag-title">活动详情</i>
				</p>
			</div>
		</div>
		<footer class="bottom-bar-pannel disBox">
			<a class="btn btn-primary flex1">砍价商品</a>
			<a class="btn btn-primary flex1">帮忙砍价</a>
			<a class="btn btn-primary flex1">我的砍价商品</a>
		</footer>
		<div class="dialog-mask none"></div>
		<div class="dialog none " id="infoDialog">
			<div class="dialog-body">
				<div class="dialog-head ta-center">
					填写信息
				</div>
				<div class="dialog-ctn">
					<form id="infoForm">
						<div class="form-group">
							<label for="phone">电话</label>
							<input type="text" name="phone" class="form-control" id="phone" placeholder="请输入您的电话" />
						</div>
						<div class="form-group">
							<label for="telphone">手机号</label>
							<input type="tel" name="telphone" class="form-control" id="telphone" placeholder="请输入您的手机号码" />
						</div>
						<div class="form-group">
							<label for="wechat">微信号</label>
							<input type="text" name="wechat" class="form-control" id="wechat" placeholder="请输入您的微信号" />
						</div>
					</form>
					<p class="error-msg none"></p>
				</div>
				<div class="dialog-btns clearfix disBox">
					<a href="javascript:;" class="flex1 cancel" >取消</a>
					<a href="javascript:;" class="flex1" id="submitInfo" >填完了</a>
				</div>
			</div>
		</div>
		<div class="dialog none" id="succeedDialog">
			<div class="dialog-body">
				<div class="dialog-ctn ta-center">
					<div class="succeed-img">
						<img src="img/icon.png"/>
					</div>
					<h3>砍价成功</h3>
					<p>您已经帮好友***成功砍掉了3元</p>
					<p>分享链接邀请朋友们来帮****砍价</p>
				</div>
				<div class="dialog-btns clearfix disBox">
					<a href="javascript:;" class="flex1 cancel" >残忍的拒绝</a>
					<a href="javascript:;" class="flex1" id="share" >去分享</a>
				</div>
			</div>
		</div>
		<div class="shareDialog none">
			<div class="share">
				<img src="img/share.png" />
			</div>
		</div>
	</body>
</html>
